<div flex gap-2 text-4xl p-2 mt4>
	<div class="i-ph-anchor-simple-thin" />
	<div class="i-mdi-alarm text-orange-400 hover:text-teal-400" />
	<div class="i-logos-vue transform transition-800 hover:rotate-180" />
	<button class="i-carbon-sun dark:i-carbon-moon" />
	<div class="i-twemoji-grinning-face-with-smiling-eyes hover:i-twemoji-face-with-tears-of-joy" />
	<div text-base my-auto flex>
		<div i-carbon-arrow-left my-auto mr-1 />
		悬停在它上面
	</div>
</div>

<h1 test>dddddd</h1>
<div hover="bg-gray-400 font-medium" font="light mono" border-b-2 fw300>dddd</div>
<div class="custom-div">sssss</div>
<div class="bg-blue600 p8 op30 text-center" i-logos-vue hover="animate-pulse">sdfdfd</div>
<div h-5 op-50 text="placeholder-yellow-600" bg="green-600">sssssss</div>

<h1 text="2xl  center" p5 b-b-1>viteconfig</h1>

<style>
	.custom-div {
		@apply text-center my-10 font-medium bg-purple-500 p-5;
	}
</style>
